<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
   xmlns:ui="http://java.sun.com/jsf/facelets"
   xmlns:f="http://java.sun.com/jsf/core"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:p="http://primefaces.org/ui"
   template="/layout/template.xhtml">
   
   <ui:define name="content">
   		<f:metadata>
   			<f:viewParam name="codAtividade" value="#{bolsaBean.codAtividadeComplementar}"/>
   			<f:event listener="#{bolsaBean.load}" type="preRenderView" />
   		</f:metadata>
   
   		<p:breadCrumb>
   			<p:menuitem value="" url="#" />
   			<p:menuitem value="Ensino" url="#" />   			
   			<p:menuitem value="#{bolsaBean.bolsa.atividade.descricao}" url="#"/>   			
   		</p:breadCrumb>
   		
   		<h:form id="bolsaForm">
			<p:panel id="fields" header="Dados gerais">
				<div class="campo">
					<h:outputLabel value="Período: "/>
					<p:selectOneMenu id="periodo" value="#{bolsaBean.bolsa.periodo}" label="Período" required="true">
						<f:selectItem itemLabel="Selecione" itemValue=""/>
			   			<f:selectItems value="#{periodoBean.listaTodosPeriodos}" var="p" itemLabel="#{p.nome}" />
			   		</p:selectOneMenu>
			   	</div>
		   		
				<div class="campo">		   		
			   		<h:outputLabel value="Horas: "/>
			   		<p:inputText value="#{bolsaBean.bolsa.horasCursadas}" 
			   			maxlength="3" style="width: 100px;" label="Horas" 
			   			required="true" styleClass="numerico"/>
			   	</div>
		   		
		   		<p:dataTable id="certificadosTable"
					widgetVar="certificadosTableW"
					var="_certificado"
					value="#{bolsaBean.bolsa.certificados}"
					rowKey="#{_certificado.hashCode()}"
					emptyMessage="Nenhum certificado inserido."
					rows="#{resources.pageRows}" style="width: 600px; margin: 10px 0px 10px 0px" >
					
					<f:facet name="header">Certificados</f:facet>
					
					<p:column >
						<h:commandLink value="#{_certificado.nome}" actionListener="#{ensinoBean.exibirCertificado(_certificado)}" target="_blank" />
					</p:column>
					
					<p:column style="width: 30px;">
						<p:commandButton value="X" 
							actionListener="#{bolsaBean.removerCertificado(_certificado)}"
							update="certificadosTable" immediate="true"/>
					</p:column>
						
				</p:dataTable>
		   		
				<p:fileUpload fileUploadListener="#{bolsaBean.handleFileUpload}"
						label="Selecionar" showButtons="false" auto="true"
						invalidFileMessage="Arquivo inválido" invalidSizeMessage="Tamanho do arquivo de ser de até 2MB"
		                sizeLimit="2000000"  allowTypes="/(\.|\/)(jpe?g|pdf)$/" 
		                update="certificadosTable"/>
			</p:panel>
			
	                  
			<p:toolbar id="barraBotoes">
				<p:toolbarGroup align="left">
					<p:commandButton id="btnNovo" value="Novo" immediate="true" 
								actionListener="#{bolsaBean.clean}" icon="ui-icon-document" 
								process="@this" update="@form" />
					<p:commandButton id="btnIncluir" value="Incluir" 
								actionListener="#{bolsaBean.incluir}" 
								ajax="false"
								disabled="#{periodoBean.atualizando}" />			
					<p:commandButton id="btnAtualizar" value="Atualizar"
								actionListener="#{bolsaBean.atualizar}" 
								process="@this fields" update="@form"	
								disabled="#{not bolsaBean.atualizando}" />
					<p:commandButton id="btnExcluir" value="Excluir"
								actionListener="#{bolsaBean.excluir}" 
								process="@this fields" update="fields barraBotoes"
								disabled="#{not bolsaBean.atualizando}" />										
				</p:toolbarGroup>
			</p:toolbar>	                  
	    </h:form>
   </ui:define>
</ui:composition>
